﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>QuickStart</title>

    <!-- WinJS references -->
    <link href="WinJS/css/ui-dark.css" rel="stylesheet" />
    <script src="WinJS/js/base.js"></script>
    <script src="WinJS/js/ui.js"></script>

    <!-- App3Js references -->
    <link href="/css/default.css" rel="stylesheet" />
    <script src="/js/default.js"></script>
</head>

<body class="win-type-body">
    <header aria-label="Header content" role="banner">
        <h1 class="titlearea win-type-ellipsis">
            <span class="pagetitle">Photo app sample</span>
        </h1>
    </header>
    <section aria-label="Main content" role="main">
        <div id="contentGrid">
            <button id="getPhotoButton">Get photo</button>
            <div id="imageName" class="pageSubheader"
                 data-win-bind="innerHTML: displayName">Image name</div>

            <div id="imageGrid">
                <img id="displayImage" src="#" data-win-bind="src: src" />
                <div id="imageInfoContainer">
                    <label for="fileName">File name:</label>
                    <div id="fileName" data-win-bind="innerHTML: name">File name</div>
                    <label for="path">Path:</label>
                    <div id="path" data-win-bind="innerHTML: path">Path</div>
                    <label for="dateCreated">Date created:</label>
                    <div id="dateCreated"
                         data-win-bind="innerHTML: dateCreated">Date created</div>
                </div>
            </div>
        </div>
    </section>
</body>
</html>
